@charset "utf-8";
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
	color: #fff;
}
body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ol, ul{ 
	list-style: none outside none;
}

.section1 { background: url(../images/section1.jpg) 50%; }
.section2 { background: url(../images/section2.jpg) 50%; }
.section3 { background: url(../images/section3.jpg) 50%; }
.section4 { background: url(../images/section4.jpg) 50%; }
.section5 { background: url(../images/section5.jpg) 50%; }
.section6 { background: url(../images/section6.jpg) 50%; }
.section7 { background: url(../images/section7.jpg) 50%; }

.graybg{
	background-color: #fbfbfb;
	/*-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;*/
}
.threebg{
	background-image: url(../images/page3img02.jpg);
}


.indexbg{
	background-image: url(../images/section1.jpg);
	height: 950px;
	
}
.indexsearch{
	padding-right: 50px;
}
.footlogo{
	width: 148px;
	height: 100px;
}
/*----导航-----*/
.navbarmain{
	width: 100%;
	height: 80px;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.childnav{
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
	top: 60px;
	border-top: 1px solid #5f5f5f;
	font-size: 16px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.blackbackground{
	background-color: #383838 !important;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.childnavul{
	text-align: right;
}
.childnavul li{
	display: inline-block;
}
.childnavul li a{
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.childnavul li a:hover{
	color: #fe5151;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.childliactive a{
	color: #fe5151 !important;
}
.logo img{
	width: 220px;
	height: 80px;
}
.navlist{
	float: left;
	padding-bottom: 20px;
	line-height: 80px;
}
.navlist li{
	display: inline-block;
	margin-right: 28px;
}
.navlist li a{
	color: #fff;
	text-decoration: none;
	font-size: 19px;
	line-height: 60px;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.navlist li a:hover{
	color: #fe5151;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.searchmain{
	line-height: 60px;
	float: right;
	
}
.searchinput{
	background-color: transparent;
	border: none;
	outline: none;
	border: 1px solid #ffffff;
	border-radius: 4px;
	line-height: 30px;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}
.searchbtn{
	border: none;
	border: 1px solid #ffffff;
	outline: none;
	color: #fff;
	background-color: rgba(255,255,255,0.3);
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 4px;
}

.navbar-responsive{
	display: none;
}
.searchminbtnbox{
	float: right;
	margin-top: 14px;
	display: none;
}
.searchmininput{
	background-color: transparent;
	border: none;
	outline: none;
	border: 1px solid #fff;
	border-radius: 4px;
	line-height: 30px;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
}
.searchminbtn{
	width: 36px;
	height: 32px;
	border-radius: 4px;
	outline: none;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
}
/*----导航-----*/


/*----第一屏-----*/
.homebgimg{
	background-image: url(/template/XYS0028/images/section1.jpg);
	height: 950px;
	text-align: center;
	padding-top: 150px;
	position: relative;
}
.nexticon{
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -15px;
	font-size: 50px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	cursor: pointer !important;
	z-index: 990;
}
.firsttitleimg{
	opacity:0;
}
.firsttitle{
	text-align: center;
	margin-top: 250px;
	color: #fff;
	font-size: 50px;
	line-height: 65px;
	font-weight: 100;
	letter-spacing: 10px;
}
.firsttext{
	text-align: center;
	margin-top: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: 100;
	letter-spacing: 6px;
	opacity:0;
}
.firstbtn{
	margin-top: 40px;
	border: none;
	background: none;
	border: 1px solid #ffffff;
	font-size: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	outline: none;
	color: #fff;
	letter-spacing: 6px;
	opacity:0;
	position: relative;
	z-index: 9999;
}
#particles{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
/*----第一屏-----*/


/*----第二屏-----*/
.secondLimg{
	padding-left: 80px;
	padding-right: 80px;
}
.THREEresponsive{
	width: 750px;
	float: right;
	margin-right: 30px;
	position: relative;
	left: -300px;
	opacity:0;
}
.secondRight{
	position: relative;
	left: 300px;
	opacity:0;
	color: #fff;
	margin-left: 0;
}
.imac{
	background-image: url(../images/imac.png);
	background-repeat: no-repeat;
	width: 700px;
	height: 583px;
	position: relative;
}
.ipad{
	background-image: url(../images/ipad.png);
	background-repeat: no-repeat;
	width: 270px;
	height: 382px;
	position: absolute;
	top: 200px;
	left: -40px;
}
.iphone{
	background-image: url(../images/iphone.png);
	background-repeat: no-repeat;
	width: 125px;
	height: 258px;
	position: absolute;
	top: 325px;
	left: 160px;
}
#carouselimac{
	position: absolute;
	top: 27px;
	left: 27px;
	width: 646px;
	height: 363px;
}
#carouselipad{
	position: absolute;
	top: 29px;
	left: 18px;
	width: 234px;
	height: 317px;
}
#carouseliphone{
	position: absolute;
	top: 29px;
	left: 8px;
	width: 109px;
	height: 193px;
}
.carousel-control.left,.carousel-control.right{
	background: none;
}
.pagemaintitle{
	font-weight: bold;
	color: #fff;
	font-size: 60px;
	margin-bottom: 40px;
}
.pagetextB{
	color: #fff;
	font-size: 22px;
	line-height: 35px;
	margin-top: 20px;
}
.pagetextS{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}
.pagetextI{
	color: #fff;
	font-size: 100px;
	margin-bottom: 40px;
}


/*----第二屏-----*/



/*----第三屏-----*/

#threeup7{
	position: relative;
	
}



.threeupleft{
	float: left;
	opacity:0;
}
.threeupright{
	float: left;
	margin-left: 40px;
	opacity: 0;
}
.threeleft{
	color: #fff;
	position: relative;
	left: -200px;
	opacity:0;
	margin-right: 0;
}
.threeleft p{
	color: #fff;
}
.threeright{
	padding-left: 100px;
}
.threeinput{
	border: none;
	background: none;
	border: 1px solid #fff;
	outline: none;
	color: #FFF;
	border-radius: 4px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 35px;
	width: 300px;
	display: block;
	margin-bottom: 20px;
}

.threeuplabel{
	color: #fff;
	margin-bottom: 5px;
	display: block;
}
.threeupimg{
	width: 200px;
	height: 130px;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.5);
	background-image: url(../images/upimg01.jpg);
	overflow: hidden;
}
.threeupmaintext{
	margin-top: 10px;
}
.threeupmain{
	background: none;
	width: 300px;
	height: 200px;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	padding: 15px;
	outline: none;
}
.threeupbtn{
	width: 130px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 4px;
	background: none;
	color: #fff;
	margin-top: 20px;
	outline: none;
}
.threeupbtn:hover{
	background-color: rgba(255,255,255,0.5);
}
.threeuprightmain{
	width: 440px;
	height: 600px;
	border: 1px solid #fff;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
}
.typed-cursor{
	display: none;
}
.upoteming{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.easyedit1{
	position: absolute;
	top: 5px;
	left: 5px;
}
.easyedit2{
	position: absolute;
	top: 20px;
	left: 235px;
	width: 195px;
	height: 20px;
	color: #444444;
	font-weight: bold;
	overflow: hidden;
	font-size: 16px;
}
.easyedit3{
	position: absolute;
	top: 50px;
	left: 235px;
	width: 195px;
	height: 20px;
	color: #444444;
}
.easyedit3 span{
	color: #0096ff;
}
.easyedit4{
	position: absolute;
	top: 80px;
	left: 235px;
	width: 195px;
	height: 20px;
	color: #444444;
	line-height: 26px;
}
.easyedit5{
	position: absolute;
	top: 220px;
	left: 235px;
	width: 190px;
	height: 30px;
	color: #FFF;
	line-height: 30px;
	background: none;
	border: none;
	outline: none;
	background-color: #0096ff;
	border-radius: 15px;
}
.easyedit6{
	position: absolute;
	top: 275px;
	left: 10px;
	width: 415px;
	border-bottom: 1px solid #c0c0c0;
}
.easyedit6list{
	border-top: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	color: #444;
	float: left;
	padding: 3px 10px 3px 10px;
	margin-right: 10px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	cursor: pointer;
}
.easyedit6listactive{
	background-color: #0096ff;
	color: #fff;
}
.easyedit7{
	position: absolute;
	top: 315px;
	left: 10px;
	width: 415px;
	color: #444444;
	font-size: 12px;
}
.easyedit8{
	position: absolute;
	top: 375px;
	left: 10px;
	width: 415px;
}
.easyedit9{
	position: absolute;
	top: 390px;
	left: 225px;
	color: #444444;
	width: 200px;
	height: 180px;
	text-indent: 2em;
	overflow: hidden;
}
.threeinputmin{
	border: none;
	background: none;
	border: 1px solid #fff;
	outline: none;
	color: #FFF;
	border-radius: 4px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 35px;
	width: 240px;
	display: inline-block;
	margin-bottom: 20px;
}
.threelabelmin{
	display: inline-block;
	margin-right: 14px;
}
#rightfinish2,#rightfinish3{
	height: 25px;
	width: 90px;
	overflow: hidden;
}

/*----第三屏-----*/


/*----第四屏-----*/
.fourleft{
	padding-left: 100px;
	padding-right: 20px;
	opacity:0;
	position: relative;
}
.fourright{
	color: #fff;
	opacity:0;
	position: relative;
}

.fourright p{
	color: #fff;
}
/*----第四屏-----*/





/*----第五屏-----*/
.fiveleft{
	color: #fff;
}
.fiveleft p{
	color: #fff;
}
.fiveright{
	
}
.emailimgbox{
	position: relative;
}
#emailimg01{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	opacity:0;
}
#emailimg02{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	opacity:0;
}
#emailimg03{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
	opacity:0;
}
#emailimg04{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 13;
	opacity:0;
}
#emailimg05{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 14;
	opacity:0;
}
#emailimg06{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	opacity:0;
}
#emailimg07{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 16;
	opacity:0;
}
/*----第五屏-----*/


/*----第六屏-----*/
.sixright{
	color: #fff;
}
.videobox{
	background-image: url(../images/videobg.png);
	width: 875px;
	height: 580px;
	float: right;
	position: relative;
}
.videosize{
	width: 857px;
	height: 501px;
	overflow: hidden;
	position: absolute;
	left: 9px;
	top: 57px;
}
.videoimg{
	width: 857px;
	position: absolute;
}
.videocurror{
	position: absolute;
}
/*----第六屏-----*/


/*----第七屏-----*/
.sevenleft{
	padding-left: 200px;
	padding-right: 200px;
}
.severleftrow{
	margin-bottom: 30px;
}
.sevenright{
	color: #fff;
}
.sendinput{
	background: none;
	border: none;
	border: 1px solid #fff;
	border-radius: 4px;
	line-height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	outline: none;
	display: block;
	margin-top: 15px;
}
.sendtext{
	background: none;
	border: none;
	border: 1px solid #fff;
	border-radius: 4px;
	line-height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	outline: none;
	display: block;
	margin-top: 15px;
	width: 350px;
}
.sendbtn{
	background: none;
	border: none;
	background-color: #0096ff;
	width: 120px;
	height: 36px;
	border-radius: 18px;
	outline: none;
	display: block;
	margin-top: 15px;
}
.sendbtn:hover{
	background-color: #2ca8ff;
}
.sendmaintitle{
	color: #0096ff;
	font-size: 50px;
	margin-bottom: 20px;
}
.sendtextB{
	color: #fff;
	font-size: 22px;
	line-height: 35px;
}
.sendtextS{
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.captchainput{
	float: left;
}
.captchaimg{
	float:left;
	margin-left:10px;
	margin-top: 15px;
}
/*----第七屏-----*/




.section2resimg{
	display: none;
}
.section3resimg{
	display: none;
}
.section4resimg{
	display: none;
}
.section5resimg{
	display: none;
}
.section6resimg{
	display: none;
}

.bluetext p{
	color: #99e1ff;
}
.itemtext1,.itemtext2,.itemtext3,.itemtext4,.itemtext5{
	cursor: pointer;
}

.pagetexticon{
	color: #99e1ff;
}









/*----------------分页-----------------*/
.pagebanner{
	padding: 0;
}
.midbar{
	background-color: #dcdcdc;
	height: 7px;
	width: 100%;
}
.pagesetion1{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.pagesetion1text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.pagesetion1text p{
	display: inline-block;
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
}

.pagesetion2{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.pagesetion2 img{
	margin-bottom: 40px;
}
.pagetextstyleB{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.pagetextstyle{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-indent: 2em;
}

.pagesetion3{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}

.pagesetion3text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.pagesetion3text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: center;
}

.pagesetion4{
	color: #404040;
	text-align: center;
	padding-top: 100px;
}
.pagesetion4text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.pagesetion4text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}

.pagesetion5{
	color: #404040;
	text-align: center;
	background-image: url(../images/page1img02.jpg);
	height: 500px;
	padding-top: 70px;
}
.bottomh2{
	color: #fff;
}
.bottomicon i{
	color: #fff;
	font-size: 65px;
}
.bottomicon p{
	color: #fff;
}
.bottomiconbox{
	margin-top: 30px;
}




/*-----------------------------------------------*/
.footer{
	padding-top: 60px;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat;
}
.footericonbox{
	margin-top: 20px;
}
.footericon{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: #fff;
	text-align: center;
	line-height: 40px;
	color: #404040;
	font-size: 20px;
	float: left;
	margin-right: 10px;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
.footericon:hover{
	background-color: #dedede;
}
.footertitle{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.footercontact p{
	line-height: 26px;
	color: #f4f4f4;
}
.footerlink p{
	line-height: 26px;
	color: #f4f4f4;
}
.footerlink p a{
	color: #f4f4f4;
	text-decoration: none;
}
.footerlink p a:hover{
	color: #cdcdcd;
}
.footerinput{
	background: none;
	border: none;
	outline: none;
	line-height: 35px;
	border: 1px solid #f4f4f4;
	border-radius: 4px;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	margin-bottom: 10px;
}
.footerinput::-webkit-input-placeholder{
	color: #fff;
}
.bomcaptchainput{
	background: none;
	border: none;
	outline: none;
	line-height: 35px;
	border: 1px solid #f4f4f4;
	border-radius: 4px;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	width: 50%;
	margin-bottom: 10px;
	float: left;
	margin-right: 15px;
}
.bomcaptchainput::-webkit-input-placeholder{
	color: #fff;
}
.bomcaptchaimg{
	float: left;
	margin-bottom: 10px;
}
.captchabtn{
	background: none;
	border: none;
	outline: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 4px;
	color: #404040;
	background-color: #f4f4f4;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
.captchabtn:hover{
	background-color: #fff;
}
.copyright{
	margin-top: 20px;
	text-align: center;
	color: #fff;
}
.Mrecord{
	text-align: center;
	margin-bottom: 25px;
	margin-top: 35px;
}
.Mrecord a{
	color: #fff;
}



.page2setion5{
	color: #404040;
	text-align: center;
	background-image: url(../images/page1img02.jpg);
	height: 400px;
	padding-top: 100px;
}
.bottomh22{
	color: #FFF;
	margin-top: 50px;
}
.bottommorebtn{
	border: none;
	background: none;
	outline: none;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px 40px 10px 40px;
	margin-top: 50px;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
.bottommorebtn:hover{
	background-color: rgba(255,255,255,0.5);
}
.page2setion1{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page2setion1text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page2setion1text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
}
.page2setion1text i{
	font-size: 14px;
	line-height: 35px;
	color: #0091ff;
	margin-right: 5px;
}
.page2textleft{
	text-align: left !important;
	text-indent: 2em;
}

.page2setion2{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page2setion2text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page2setion2text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
}
.page2setion2text i{
	font-size: 14px;
	line-height: 35px;
	color: #0091ff;
	margin-right: 5px;
}

.page2setion3{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page2setion3text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page2setion3text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
}
.page2setion3text i{
	font-size: 14px;
	line-height: 35px;
	color: #0091ff;
	margin-right: 5px;
}

.page2setion4{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page2setion4text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page2setion4text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
}
.page2setion4text i{
	font-size: 14px;
	line-height: 35px;
	color: #0091ff;
	margin-right: 5px;
}


.page3setion1{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion1text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page3setion1text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion1iconbox{
	margin-top: 30px;
}
.page3setion1icon i{
	font-size: 55px;
}
.page3setion1iconbox p{
	margin-bottom: 30px;
}


.page3setion2{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion2text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
	color: #fff;
}
.page3setion2text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
	color: #fff;
}
.page3setion2numbox{
	margin-top: 30px;
}
.page3setion2num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #fff;
	font-size: 30px;
}
.page3setion2num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: center;
}


.page3setion3{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion3text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
	margin-top: 30px;
}
.page3setion3text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: center;
}
.page3setion3numbox{
	margin-top: 30px;
}
.page3setion3num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #b1b1b1;
	font-size: 30px;
}
.page3setion3num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	margin-top: 5px;
}

.page3setion4{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion4text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
	margin-top: 30px;
}
.page3setion4text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion4numbox{
	margin-top: 30px;
}
.page3setion4num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #b1b1b1;
	font-size: 30px;
	text-align: center;
}
.page3setion4num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	margin-top: 5px;
	text-align: center;
}


.page3setion5{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion5text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page3setion5text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion5numbox{
	margin-top: 30px;
}
.page3setion5num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #b1b1b1;
	font-size: 30px;
	text-align: left;
}
.page3setion5num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: left;
	margin-left: 0;
}


.page3setion6{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion6text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
	margin-top: 30px;
}
.page3setion6text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion6numbox{
	margin-top: 30px;
}
.page3setion6num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #b1b1b1;
	font-size: 30px;
	text-align: center;
}
.page3setion6num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}


.page3setion7{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion7text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page3setion7text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion7numbox{
	margin-top: 30px;
}
.page3setion7num i{
	font-size: 40px;
}
.page3setion7num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}



.page3setion8{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion8text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page3setion8text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion8numbox{
	margin-top: 30px;
}
.page3setion8num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #b1b1b1;
	font-size: 30px;
	text-align: center;
}
.page3setion8num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}



.page3setion9{
	color: #404040;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.page3setion9text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page3setion9text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion9numbox{
	margin-top: 30px;
}
.page3setion9num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #b1b1b1;
	font-size: 30px;
	text-align: center;
}
.page3setion9num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}



.page3setion10{
	color: #404040;
	text-align: center;
	padding-top: 100px;
}
.page3setion10text h2{
	margin-bottom: 20px;
	word-spacing: 3px;
	letter-spacing: 3px;
	line-height: 50px;
}
.page3setion10text p{
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 35px;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 2em;
}
.page3setion10numbox{
	margin-top: 30px;
}
.page3setion10num h3{
	word-spacing: 0px;
	letter-spacing: 0px;
	color: #b1b1b1;
	font-size: 30px;
	text-align: center;
}
.page3setion10num p{
	text-indent: 0 !important;
	font-size: 14px;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}






.page4sectione1{
	color: #515151;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	background-color: #f4f4f4;
}
.pricetitle{
	text-align: center;
	font-size: 50px;
	margin-bottom: 50px;
	
}
.pricenum{
	text-align: center;
	font-size: 30px;
}
.priceline{
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #d7d7d7;
}
.priceleft{
	border-right: 1px solid #d7d7d7;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
.pricemid{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
.priceright{
	border-left: 1px solid #d7d7d7;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
.pricesmalltitle{
	font-size: 26px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: bold;
}
.pricebom{
	margin-top: 40px;
}
.pricebombtn{
	margin-top: 40px;
	background: none;
	border: none;
	outline: none;
	background-color: #515151;
	border-radius: 5px;
	padding: 10px 25px 10px 25px;
	color: #fff;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.pricebombtn:hover{
	background-color: #7b7b7b;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.priceList{
	margin-left: -15px;
	margin-right: -15px;
}

.servicesfloat{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	z-index: 999;
}
.servicesfloatmain{
	width: 560px;
	height: 450px;
	background-color: rgba(255,255,255,0.9);
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position:relative;
	top:50%;
	left:50%;
	margin-top:-225px;
	margin-left:-280px;
	padding-top: 60px;
	padding-bottom: 60px;
}
.closebox{
	position: absolute;
	right: 20px;
	top: 15px;
	background-color: #757579;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	color: rgba(255,255,255,0.9);
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
.servicesfloattitle{
	color: #fe5151;
	text-align: left;
	font-size: 20px;
	line-height: 40px;
	padding-left: 40px;
	padding-right: 40px;
	text-indent: 2em;
}
.servicesfloattext{
	color: #515151;
	text-align: left;
	font-size: 16px;
	line-height: 30px;
	padding-left: 40px;
	padding-right: 40px;
	text-indent: 2em;
}
.serviceFixform{
	margin-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
	color: #515151;
	text-align: right;
}
.serviceFixform label{
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 10px;
	text-align: left;
}
.serviceFixform input{
	width: 100%;
	line-height: 32px;
	outline: none;
	border: none;
	border: 1px solid #A1A1A1;
	padding-left: 10px;
	padding-right: 10px;
}
.serviceFixform button{
	margin-top: 30px;
	background: none;
	border: none;
	outline: none;
	background-color: #515151;
	border-radius: 5px;
	padding: 10px 25px 10px 25px;
	color: #fff;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.serviceFixform button:hover{
	background-color: #7b7b7b;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}










.orderpage{
	background-color: #f4f4f4;
	color: #515151;
	padding-top: 100px;
	padding-bottom: 100px;
}
.orderpage a{
	text-decoration: none;
}
.orderhr{
	margin-top: 10px;
	margin-bottom: 10px;
}
.orderblacbg{
	background-color: rgba(220,220,220,0.1) !important;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}


.orderselect1{
	background-color: #fff;
	width: 100%;
	height: 541px;
	padding: 20px;
	border-top: 8px solid #78b734;
	border-radius: 5px;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	cursor: pointer;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderselect1 h3{
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}
.orderselect1 p{
	line-height: 26px;
}
.orderbtn1{
	width: 150px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
	background-color: #78b734;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 10px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderbtn1:hover{
	background-color: #69a32e;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderselect1hide{
	opacity: 0;
}

.orderselect2{
	background-color: #fff;
	width: 100%;
	height: 541px;
	padding: 20px;
	border-top: 8px solid #f3b719;
	border-radius: 5px;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	cursor: pointer;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderselect2 h3{
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}
.orderselect2 p{
	line-height: 26px;
}
.orderbtn2{
	width: 150px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
	background-color: #f3b719;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 10px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderbtn2:hover{
	background-color: #deab15;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderselect2hide{
	opacity: 0;
}


.orderselect3{
	background-color: #fff;
	width: 100%;
	height: 541px;
	padding: 20px;
	border-top: 8px solid #01b0f1;
	border-radius: 5px;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	cursor: pointer;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderselect3 h3{
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
}
.orderselect3 p{
	line-height: 26px;
}
.orderbtn3{
	width: 150px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
	background-color: #01b0f1;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	margin-top: 20px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderbtn3:hover{
	background-color: #329dd0;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.orderselect3hide{
	opacity: 0;
}



.ordermainbg{
	background-image: url(../images/orderbg.jpg);
	width: 100%;
	min-height: 950px;
	padding-top: 300px;
	padding-bottom: 0px;
}
.circle1{
	width: 330px;
	height: 330px;
	background-color: rgba(90,115,172,0.9);
	margin: 0 auto;
	border-radius: 165px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position: relative;
	-webkit-transition: box-shadow 300ms;
	-moz-transition: box-shadow 300ms;
	-o-transition: box-shadow 300ms;
	transition: box-shadow 300ms;
}
.circle1:hover{
	box-shadow:0 15px 15px rgba(0,0,0,0.3);
	-webkit-transition: box-shadow 300ms;
	-moz-transition: box-shadow 300ms;
	-o-transition: box-shadow 300ms;
	transition: box-shadow 300ms;
}
.circle2{
	width: 330px;
	height: 330px;
	background-color: rgba(209,64,89,0.9);
	margin: 0 auto;
	border-radius: 165px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position: relative;
	-webkit-transition: box-shadow 300ms;
	-moz-transition: box-shadow 300ms;
	-o-transition: box-shadow 300ms;
	transition: box-shadow 300ms;
}
.circle2:hover{
	box-shadow:0 15px 15px rgba(0,0,0,0.3);
	-webkit-transition: box-shadow 300ms;
	-moz-transition: box-shadow 300ms;
	-o-transition: box-shadow 300ms;
	transition: box-shadow 300ms;
}
.circle3{
	width: 330px;
	height: 330px;
	background-color: rgba(122,199,196,0.9);
	margin: 0 auto;
	border-radius: 165px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position: relative;
	-webkit-transition: box-shadow 300ms;
	-moz-transition: box-shadow 300ms;
	-o-transition: box-shadow 300ms;
	transition: box-shadow 300ms;
}
.circle3:hover{
	box-shadow:0 15px 15px rgba(0,0,0,0.3);
	-webkit-transition: box-shadow 300ms;
	-moz-transition: box-shadow 300ms;
	-o-transition: box-shadow 300ms;
	transition: box-shadow 300ms;
}


.circle1text{
	padding-top: 110px;
	width: 200px;
	margin: 0 auto;
}
.circle1text i{
	margin-right: 5px;
	font-size: 24px;
}
.circle1textp{
	color: #fff;
	font-size: 24px;
	text-align: center;
}
.circle1textpS{
	color: #222b42;
	font-size: 22px;
	text-align: center;
}
.circle1textpB{
	color: #fff;
	font-size: 40px;
	text-align: center;
}
.circle1textplus{
	color: #9199ae;
	font-size: 35px;
	line-height: 35px;
}

.circle2text{
	padding-top: 110px;
	width: 200px;
	margin: 0 auto;
}
.circle2text i{
	margin-right: 5px;
	font-size: 24px;
}
.circle2textp{
	color: #fff;
	font-size: 24px;
	text-align: center;
}
.circle2textpS{
	color: #6f2020;
	font-size: 22px;
	text-align: center;
}
.circle2textpB{
	color: #fff;
	font-size: 40px;
	text-align: center;
}
.circle2textplus{
	color: #833241;
	font-size: 35px;
	line-height: 35px;
}

.circle3text{
	padding-top: 115px;
	width: 180px;
	margin: 0 auto;
}
.circle3text i{
	margin-right: 5px;
	font-size: 24px;
}
.circle3textpS{
	color: #208080;
	font-size: 40px;
	text-align: center;
}
.circle3textpB{
	color: #fff;
	font-size: 40px;
	text-align: center;
}
.circle3textplus{
	color: #3d928e;
	font-size: 35px;
	line-height: 35px;
}



.circlehr{
	margin-top: 10px;
	margin-bottom: 10px;
}
.circle1item{
	display: none;
	padding: 30px;
	width: 100%;
	position: absolute;
	top: 0;
	text-align: left;
}
.circle1item h3{
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: bold;
}
.circle1item p{
	line-height: 24px;
}
.circle1btn{
	width: 180px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	background-color: #405a9c;
	border-radius: 5px;
	color: #fff;
	display: block;
	text-decoration: none !important;
	margin: 0 auto;
	margin-top: 10px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.circle1btn:hover{
	color: #fff;
	background-color: #4e6ebb;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}


.circle2item{
	display: none;
	padding: 30px;
	width: 100%;
	position: absolute;
	top: 0;
	text-align: left;
}
.circle2item h3{
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: bold;
}
.circle2item p{
	line-height: 24px;
}
.circle2btn{
	width: 180px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	background-color: #a93347;
	border-radius: 5px;
	color: #fff;
	display: block;
	text-decoration: none !important;
	margin: 0 auto;
	margin-top: 10px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.circle2btn:hover{
	color: #fff;
	background-color: #bf3b50;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}


.circle3item{
	display: none;
	width: 100%;
	padding: 30px;
	position: absolute;
	top: 0;
	text-align: left;
}
.circle3item h3{
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: bold;
}
.circle3item p{
	line-height: 24px;
}
.circle3btn{
	width: 180px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	background-color: #12aea8;
	border-radius: 5px;
	color: #fff;
	display: block;
	text-decoration: none !important;
	margin: 0 auto;
	margin-top: 10px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.circle3btn:hover{
	color: #fff;
	background-color: #1ac4bd;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}

.threecircle_PC{
	display: block;
}
.threecircle_Mobile{
	display: none;
}
.tc_M_1{
	width: 90%;
	background-color: rgba(90,115,172,0.9);
	margin: 0 auto;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position: relative;
	margin-bottom: 20px;
}
.tc_M_1_item{
	padding: 30px;
	width: 100%;
	text-align: left;
}
.tc_M_1_item h3{
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: bold;
}
.tc_M_1_item p{
	line-height: 24px;
}

.tc_M_2{
	width: 90%;
	background-color: rgba(209,64,89,0.9);
	margin: 0 auto;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position: relative;
	margin-bottom: 20px;
}
.tc_M_2_item{
	padding: 30px;
	width: 100%;
	text-align: left;
}
.tc_M_2_item h3{
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: bold;
}
.tc_M_2_item p{
	line-height: 24px;
}

.tc_M_3{
	width: 90%;
	background-color: rgba(122,199,196,0.9);
	margin: 0 auto;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position: relative;
}
.tc_M_3_item{
	padding: 30px;
	width: 100%;
	text-align: left;
}
.tc_M_3_item h3{
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: bold;
}
.tc_M_3_item p{
	line-height: 24px;
}



/*-----------------------------------------*/
.contactpage{
	background-image: url(../images/contactbg.jpg);
	color: #fff;
	padding-top: 150px;
	padding-bottom: 100px;
}
.contactpage a{
	text-decoration: none;
}
.contacttitle{
	color: #fff;
	font-size: 30px;
	margin-bottom: 30px;
}
.contactinfo{
	line-height: 28px;
	padding-top: 70px;
}
.contactinfo a{
	color: #fff;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.contactinfo a:hover{
	color: #a1a1a1;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.L3em{
	text-indent: 3em;
}
.contactinput{
	background: none;
	border: none;
	outline: none;
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 35px;
	padding-left: 15px;
	padding-right: 15px;
}
.contactform{
	margin-top: 30px;
}
.weixinbox{
	background-color: rgba(255,255,255,0.8);
	margin-top: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	margin-left: 5px;
	margin-right: 5px;
}
.weixinbox p{
	text-align: center;
	font-weight: bold;
	color: #515151;
	font-size: 16px;
	margin-top: 10px;
}
.footerinput:focus,.bomcaptchainput:focus,.searchmininput:focus {
  border-color: #fff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, .6);
}





/*-----------------------------*/
.casepagebanner{
	background-image: url(../images/casebg.jpg);
	padding-top: 400px;
	padding-bottom: 400px;
	position: relative;
}
.casepagebanner p{
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.casepage{
	background-color: #f4f4f4;
	color: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
}
.casepage1{
	background-color: #fff;
	color: #fff;
	padding-top: 60px;
	padding-bottom: 40px;
}
.casepage a{
	text-decoration: none;
}
.casetitle{
	text-align: center;
	font-size: 35px;
	color: #515151;
	margin-bottom: 40px;
}
#casecoverflow{
	margin-bottom: 30px;
}
.casemovie{
	margin-bottom: 20px;
}
.casemovie p{
	color: #515151;
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
.floatbox{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	z-index: 999;
}
.floatmain{
	width: 960px;
	height: 650px;
	background-color: rgba(255,255,255,0.9);
	box-shadow:0 15px 15px rgba(0,0,0,0.1);
	position:relative;
	top:50%;
	left:50%;
	margin-top:-325px;
	margin-left:-480px;
	padding-top: 35px;
	padding-bottom: 40px;
}
.closebox{
	position: absolute;
	right: 20px;
	top: 15px;
	background-color: #757579;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	color: rgba(255,255,255,0.9);
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}
.screenselect{
	color: #515151;
	font-size: 40px;
	width: 250px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
}
.screenitem{
	text-align: center;
	display: inline-block;
	line-height: 20px;
	width: 70px;
	cursor: pointer;
	color: #515151;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.screenitemactive{
	color: #fe5151;
}
.screenitem p{
	font-size: 14px;
}
.casemac{
	width: 700px;
	height: 408px;
	margin: 0 auto;
}
.caseipad{
	width: 700px;
	height: 408px;
	margin: 0 auto;
	display: none;
}
.caseiphone{
	width: 700px;
	height: 408px;
	margin: 0 auto;
	display: none;
}
.caseFT{
	padding-left: 100px;
	padding-right: 100px;
	font-size: 20px;
	font-weight: bold;
	color: #515151;
	margin-top: 15px;
	margin-bottom: 5px;
}
.casetext{
	padding-left: 100px;
	padding-right: 100px;
	color: #515151;
}
.caseimgitem{
	position: relative;
	overflow: hidden;
	width: 100%;
	box-shadow:0 15px 30px rgba(0,0,0,0.2);
	border-radius: 5px;
	margin-bottom: 30px;
	/*padding-left: 0 !important;
	padding-right: 0 !important;*/
	cursor: pointer;
}
.caseblack{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 45px;
	background-color: rgba(0,0,0,0.6);
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-transition: height 300ms;
	-moz-transition: height 300ms;
	-o-transition: height 300ms;
	transition: height 300ms;
	cursor: pointer;
}
.caseblack h5{
	color: #fff;
	line-height: 26px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}





/*-------------------------------------*/
.salepage1banner{
	background-image: url(../images/salespage1bg.jpg);
	padding-top: 365px;
	padding-bottom: 365px;
	position: relative;
}
.salepage1banner p{
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.salepage2banner{
	background-image: url(../images/salespage2bg.jpg);
	padding-top: 400px;
	padding-bottom: 400px;
	position: relative;
}
.salepage2banner p{
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.salepage3banner{
	background-image: url(../images/salespage3bg.jpg);
	padding-top: 400px;
	padding-bottom: 400px;
	position: relative;
}
.salepage3banner p{
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.servicesbanner{
	background-image: url(../images/servicesbg.jpg);
	padding-top: 400px;
	padding-bottom: 400px;
	position: relative;
}
.servicesbanner p{
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}


.flip-items li img{
	cursor: pointer;
	box-shadow:0 0px 0px rgba(0,0,0,0);
	transform:translate3d(0px,0px,0px);
	transition:all 300ms ease;
}
.flip-items li img:hover{
	box-shadow:0 10px 15px rgba(0,0,0,0.3);
	transform:translate3d(0px,-2px,0px);
	transition:all 300ms ease;
}



.systembanner{
	background-image: url(../images/systembg.jpg);
	height: 397px;
	padding-top: 200px;
}
.systembanner p{
	color: #fff;
	font-size: 40px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.systemboxW{
	background-color: #ffffff;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #515151;
}
.systemboxG{
	background-color: #f4f4f4;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #515151;
}
.systemtitle{
	text-align: center;
	color: #515151;
	margin-bottom: 40px;
	font-size: 35px;
}
.systemfour{
	margin-top: 30px;
}
.systemtwo{
	margin-top: 30px;
}
.systemtextstrong{
	font-size: 35px;
	margin-left: 5px;
	margin-right: 5px;
}
.systemtext1{
	font-size: 20px;
	text-align: center;
}
.systemtext2{
	font-size: 20px;
	text-align: left;
}
.systemtitleL{
	text-align: left;
	color: #515151;
	margin-bottom: 40px;
	font-size: 30px;
}
.systemtitleL2{
	text-align: left;
	color: #515151;
	margin-bottom: 40px;
	margin-top: 40px;
	font-size: 30px;
}
.systembom{
	background-image: url(../images/systemimg06.jpg);
	width: 100%;
	padding-top: 150px;
	padding-bottom: 150px;
}
.sybombox{
	background-color: rgba(255,255,255,0.7);
	padding: 30px 50px 30px 50px;
	color: #515151;
	font-size: 22px;
}
.sybombox a{
	color: #515151;
	text-decoration: none;
}


.nowebsite{
	width: 100%;
	background-image: url(../images/nowebsitebg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #fafafa;
	padding-top: 100px;
	padding-bottom: 10px;
}
.nowebtitle{
	text-align: center;
	color: #515151;
	font-size: 50px;
	margin-bottom: 60px;
}
.noWebtext1{
	font-size: 30px;
	color: #515151;
	margin-top: 80px;
}
.noWebtext2{
	font-size: 50px;
	color: #515151;
}
.noWebtext3{
	font-size: 30px;
	color: #515151;
}
.noWebrow{
	margin-bottom: 40px;
}

.moreCbtn{
	background-color: #515151;
	border-radius: 5px;
	font-size: 18px;
	color: #fff !important;
	padding: 6px 15px 6px 15px;
	margin-left: 10px;
	margin-top: 5px;
	display: inline-block;
}



/*--------------------------------------------*/
.ODbanner{
	background-image: url(../images/oneday/onedaybg.jpg);
	padding-top: 400px;
	padding-bottom: 400px;
	position: relative;
}
.ODbanner p{
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.ondayS1{
	background-image: url(../images/oneday/onedayimg01.jpg);
	color: #fff;
	padding-top: 260px;
	padding-bottom: 260px;
}
.ODS1box{
	background-color: rgba(106,150,240,0.7);
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
	color: #fff;
}

.ODtime i{
	color: #fff;
	font-size: 45px;
	margin-right: 5px;
}
.ODtime p{
	display: inline-block;
	color: #fff;
	font-size: 32px;
}
.ODS1box h1{
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
}


.ondayS2{
	background-image: url(../images/oneday/onedayimg02.jpg);
	color: #fff;
	padding-top: 260px;
	padding-bottom: 260px;
}
.ODS2box{
	background-color: rgba(210,120,53,0.7);
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
	color: #fff;
	margin-top: 50px;
}
.ODS2box h1{
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
}





.ondayS3{
	background-image: url(../images/oneday/onedayimg03.jpg);
	color: #fff;
	padding-top: 300px;
	padding-bottom: 300px;
}
.ODS3box{
	background-color: rgba(2,2,2,0.7);
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
	color: #fff;
}
.ODS3box h1{
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
}





.ondayS4{
	background-image: url(../images/oneday/onedayimg04.jpg);
	color: #fff;
	padding-top: 280px;
	padding-bottom: 280px;
}
.ODS4box{
	background-color: rgba(118,93,71,0.7);
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
	color: #fff;
}
.ODS4box h1{
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
}





.ondayS5{
	background-image: url(../images/oneday/onedayimg05.jpg);
	color: #fff;
	padding-top: 220px;
	padding-bottom: 220px;
}




.ODmonth{
	text-align: center;
}
.ODmonth i{
	font-size: 40px;
	margin-right: 5px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.ODmonth p{
	font-size: 30px;
	display: inline-block;
}
.ODmonth h2{
	font-size: 40px;
	margin-bottom: 20px;
}
.ODmonth h4{
	text-align: left;
	text-indent: 2em;
	line-height: 30px;
}






















.tempP{
	padding-left: 40px;
	padding-right: 40px;
}
.tempP p{
	text-align: left;
	text-indent: 2em;
	font-weight: normal;
}


.newsbanner{
	background-image: url(../images/newsbg.jpg);
	padding-top: 200px;
	padding-bottom: 200px;
	position: relative;
}
.newsbanner p{
	color: #fff;
	font-size: 40px;
	line-height: 70px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.newsMain{
	margin-top: 40px;
	margin-bottom: 40px;
}
.newsGroup{
	color: #515151;
	margin-bottom: 40px;
}
.newsGroup img{
	display: block;
	max-width: 100%;
	height: auto;
}
.newsGroup hr{
	margin-top: 15px;
	margin-bottom: 15px;
}
.newsGroup h1{
	font-size: 24px;
	color: #515151;
}
.newsGroup h1 a{
	color: #515151;
	text-decoration:none;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.newsGroup h1 a:hover{
	color: #fe5151;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.newsGroup h5{
	color: #999999;
	font-size: 14px;
	margin-bottom: 15px;
}
.newsGroup p{
	color: #515151;
	margin-top: 10px;
	line-height: 24px;
}
.newsGroupBtn{
	display: inline-block;
	border: 1px solid #333333;
	color: #333333;
	padding: 7px 25px;
	border-radius: 10px;
	text-decoration:none !important;
	margin-top: 10px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.newsGroupBtn:hover{
	color: #333333;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.newsPages{
	text-align: right;
}
.newsPages li{
	display: inline-block;
}
.newsPages li a{
	display: inline-block;
	border: 1px solid #333333;
	color: #333333;
	padding: 7px 15px;
	border-radius: 10px;
	text-decoration:none !important;
	margin-top: 10px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.newsPages li a:hover{
	color: #333333;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
}
.newsPages .active a{
	color: #333333 !important;
	background-color: rgba(0,0,0,0.3) !important;
}
.newsClassTitle{
	font-size: 20px;
	color: #333333;
	margin-bottom: 20px;
}
.newsClass li{
	line-height: 35px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
}
.newsClass li:last-child{
	border-bottom: none;
}
.newsClass li a{
	color: #333333;
	text-decoration: none !important;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.newsClass li a:hover{
	color: #fe5151;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.newsClass li a span{
	position: absolute;
	top: 0;
	right: 0;
}
.newsPrevNext a{
	text-decoration: none;
	line-height: 30px;
	color: #333333;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
.newsPrevNext a:hover{
	color: #fe5151;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}
/*首页二屏*/
        .b2 p a {
            color: #000;
        }
        .b2_1{
                width: 356px;
                height: 95px;
                margin-top: 100px;
                text-align: center;
        }
        .b2_1 p{
            font-size: 10px;
                margin-top: 5px;
                text-align: center;
        }
        .b2_1 strong{
            font-size: 20px;
        }
        .b2_2{
                width: 356px;
                height: 95px;
                margin-top: 100px;
                text-align: center;
        }
        .b2_2 p{
            font-size: 10px;
                margin-top: 5px;
                text-align: center;
        }
        .b2_2 strong{
            font-size: 20px;
        }
        .b2_3{
                width: 356px;
                height: 95px;
                margin-top: 100px;
                text-align: center;
        }
        .b2_3 p{
            font-size: 10px;
                margin-top: 5px;
                text-align: center;
        }
        .b2_3 strong{
            font-size: 20px;
        }
        .b2_4{
                width: 356px;
                height: 95px;
                margin-top: 100px;
                text-align: center;
        }
        .b2_4 p{
            font-size: 10px;
                margin-top: 5px;
                text-align: center;
                margin-bottom:0px;
        }
        .b2_4 strong{
            font-size: 20px;
        }
        .b2_5{
                height: 95px;
                text-align: center;
        }
        .b2_5 p{
            font-size: 10px;
            margin: 0;
            text-align: center;
        }
        .b5{
            font-size: 20px;
            width: 392px;
            margin-top: 100px;
            text-align: center;
        }
        .b2_6{
                width: 356px;
                height: 95px;
                margin-top: 100px;
                text-align: center;
        }
        .b2_6 p{
            font-size: 10px;
                margin-top: 5px;
                text-align: center;
        }
        .b2_6 strong{
            font-size: 20px;
        }

        .container .b2{
        	background: url(/template/XYS0028/images/b2.jpg);
        }

        /*新闻*/
        	.newsGroup {
    color: #515151;
    margin-bottom: 40px;
}
.newsGroup h1 {
    font-size: 24px;
    color: #515151;
}
.newsGroup h5 {
    color: #999999;
    font-size: 14px;
    margin-bottom: 15px;
}
.newsGroup p {
    color: #515151;
    margin-top: 10px;
    line-height: 24px;
}
.newsGroupBtn {
    display: inline-block;
    border: 1px solid #333333;
    color: #333333;
    padding: 7px 25px;
    border-radius: 10px;
    text-decoration: none !important;
    margin-top: 10px;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    -o-transition: background-color 300ms;
    transition: background-color 300ms;
}
/*更多资讯*/
.more{
	width:1170px;
	text-align:center;
}
.more a:hover {
	background-color: #c2baba;
}